<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>猫头鹰</title>
  <!-- lqpcss -->
  <link rel="stylesheet" href="../../dist/css/lqp.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="../../index3.html" class="nav-link">Home</a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="#" class="nav-link">Contact</a>
      </li>
    </ul>

    <!-- SEARCH FORM -->
    <form class="form-inline ml-3">
      <div class="input-group input-group-sm">
        <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
        <div class="input-group-append">
          <button class="btn btn-navbar" type="submit">
            <i class="fas fa-search"></i>
          </button>
        </div>
      </div>
    </form>

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">
      <!-- Messages Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-comments"></i>
          <span class="badge badge-danger navbar-badge">3</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Brad Diesel
                  <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">Call me whenever you can...</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  John Pierce
                  <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">I got your message bro</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Nora Silvester
                  <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">The subject goes here</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
        </div>
      </li>
      <!-- Notifications Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-bell"></i>
          <span class="badge badge-warning navbar-badge">15</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <span class="dropdown-item dropdown-header">15 Notifications</span>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-envelope mr-2"></i> 4 new messages
            <span class="float-right text-muted text-sm">3 mins</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-users mr-2"></i> 8 friend requests
            <span class="float-right text-muted text-sm">12 hours</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-file mr-2"></i> 3 new reports
            <span class="float-right text-muted text-sm">2 days</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="fullscreen" href="#" role="button">
          <i class="fas fa-expand-arrows-alt"></i>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
          <i class="fas fa-th-large"></i>
        </a>
      </li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <!-- 侧边栏 -->
  <aside class="main-sidebar sidebar-light-white elevation-4">
    <!-- Brand Logo -->
    <a href="index3.html" class="brand-link">
      <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
           style="opacity: .8">
      <span class="brand-text font-weight-light">logo</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
      <!-- Sidebar user panel (optional) -->
      <div class="user-panel mt-3 pb-3 mb-3 d-flex">
        <div class="image">
          <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
        </div>
        <div class="info">
          <a href="#" class="d-block">管理员</a>
          <span class="rounded-circle bg-info l-circle"></span><span>在线</span>
        </div>
      </div>

      <!-- SidebarSearch Form -->
      <div class="form-inline">
        <div class="input-group" data-widget="sidebar-search">
          <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
          <div class="input-group-append">
            <button class="btn btn-sidebar">
              <i class="fas fa-search fa-fw"></i>
            </button>
          </div>
        </div>
      </div>
      <div class="nav-item">

        <a href="../../index.html" class="nav-link active">
          <p>控制台<span class="badge badge-info right">6</span></p>
        </a>

      </div>
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <!--  试题管理 -->
          <li class="nav-item menu-open">
            <a href="#" class="nav-link active">
              <i class="nav-icon fas fa-tachometer-alt"></i>
              <p>
                试题管理
                <i class="right fas fa-angle-left"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="./radio.html" class="nav-link active">
                  <i class="far fa-circle nav-icon"></i>
                  <p>单选题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./multiplechoice.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>多选题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./judge.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>判断题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./completion.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>填空题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./QandA.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>问答题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./understanding.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>理解题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./other.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>其它题</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          考试管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-copy"></i>
              <p>
                考试管理
                <i class="fas fa-angle-left right"></i>
                <span class="badge badge-info right">6</span>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/test/testpaper.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>试卷管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/layout/top-nav-sidebar.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布考试</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/layout/fixed-sidebar.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>考卷管理</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          练习管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-chart-pie"></i>
              <p>
                练习管理
                <i class="right fas fa-angle-left"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/charts/chartjs.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布练习</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          证书管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-tree"></i>
              <p>
                证书管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/UI/general.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>添加证书</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/UI/icons.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发放记录</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/UI/buttons.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>添加模板</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/UI/sliders.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>模板管理</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          用户管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-edit"></i>
              <p>
                用户管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/forms/general.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>部门人员</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/forms/advanced.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>部门管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/forms/editors.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>人员分析</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          公告管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                公告管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/tables/simple.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布公告</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/data.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>公告管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/jsgrid.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布信息</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/jsgrid.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>信息管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/jsgrid.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布新闻</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/jsgrid.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>新闻管理</p>
                </a>
              </li>
            </ul>
          </li>
          <!--         统计分析-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                统计分析
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/tables/simple.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p> 成绩分析</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/data.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>试题分析</p>
                </a>
              </li>

            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </aside>

  <div class="content-wrapper">
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><i class="fa fa-map-marker text-info pr-3 pt-2" aria-hidden="true"></i><span>位置：课件管理</span></li>
              <li class="breadcrumb-item active">课件管理</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>
    <!-- 统计 -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">基本信息统计</h3>
              </div>
              <div class="card-body">
                <div class="row justify-content-around">
                  <div class="col-1">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-infoshadaowbox">
                        <h1 class="text-info text-bold l-textshadaow">100</h1>
                        <p>课件总数</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                  <div class="col-1">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-successshadaowbox">
                        <h1 class="text-success text-bold l-textshadaow">60</h1>
                        <p>视频课件</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                  <div class="col-1">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-dangershadaowbox">
                        <h1 class="text-danger text-bold l-textshadaow">40</h1>
                        <p>音频课件</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                  <div class="col-1">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-dangershadaowbox">
                        <h1 class="text-danger text-bold l-textshadaow">40</h1>
                        <p>PPT课件</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                  <div class="col-1">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-dangershadaowbox">
                        <h1 class="text-danger text-bold l-textshadaow">40</h1>
                        <p>图片课件</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                  <div class="col-1">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-dangershadaowbox">
                        <h1 class="text-danger text-bold l-textshadaow">40</h1>
                        <p>word课件</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                  <div class="col-1">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-dangershadaowbox">
                        <h1 class="text-danger text-bold l-textshadaow">40</h1>
                        <p>txt课件</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </section>

    <!-- 表格1 -->
    <section id="table1" class="content"   >
     <div class="container-fluid">
       <div class="row">
         <div class="col-md-2">
           <div class="card card-info card-outline">
             <div class="card-header py-2 border-bottom-0">
               <div class="row">
                 <div class="col">
                   <div class="input-group input-group-sm">
                     <input type="text" class="form-control" placeholder="搜索分类">
                     <div class="input-group-append">
                       <div class="btn btn-info">
                         搜索 <i class="fas fa-search pl-2"></i>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
             <!-- ./card-header -->
             <div class="card-body px-0 pt-0">
               <table class="table table-hover">
                 <tbody>
                 <tr data-widget="expandable-table" aria-expanded="true">
                   <td>
                     <i class="fas fa-caret-right fa-fw"></i>
                     课件分类
                   </td>
                 </tr>
                 <tr class="expandable-body">
                   <td>
                     <div class="p-0">
                       <table class="table table-hover">
                         <tbody>
                         <tr data-widget="expandable-table" aria-expanded="false">
                           <td>
                             <i class="fas fa-caret-right fa-fw"></i>
                             单选题分类
                           </td>
                         </tr>
                         <tr class="expandable-body d-none">
                           <td>
                             <div class="p-0" style="display: none;">
                               <table class="table table-hover">
                                 <tbody>
                                 <tr>
                                   <td><a href="#" class="text-black">新建单选题分类-1</a> </td>
                                 </tr>
                                 <tr>
                                   <td>新建单选题分类-2</td>
                                 </tr>
                                 <tr>
                                   <td>新建单选题分类-3</td>
                                 </tr>
                                 </tbody>
                               </table>
                             </div>
                           </td>
                         </tr>
                         <tr data-widget="expandable-table" aria-expanded="false">
                           <td>
                             <i class="fas fa-caret-right fa-fw"></i>
                             多选题分类
                           </td>
                         </tr>
                         <tr class="expandable-body d-none">
                           <td>
                             <div class="p-0" style="display: none;">
                               <table class="table table-hover">
                                 <tbody>
                                 <tr>
                                   <td>新建单选题分类-1</td>
                                 </tr>
                                 <tr>
                                   <td>新建单选题分类-2</td>
                                 </tr>
                                 <tr>
                                   <td>新建单选题分类-3</td>
                                 </tr>
                                 </tbody>
                               </table>
                             </div>
                           </td>
                         </tr>
                         </tbody>
                       </table>
                     </div>
                   </td>
                 </tr>
                 </tbody>
               </table>
             </div>
             <!-- /.card-body -->
           </div>
           <!-- /.card -->
         </div>
         <!-- 表格 -->
         <div class="col-md-10">
           <div class="card card-outline card-info">
             <div class="card-header">
               <div class="card-tools">
                 <div class="input-group input-group-sm">
                   <input type="text" class="form-control" placeholder="请输入题目名称">
                   <div class="input-group-append">
                     <div class="btn btn-info">
                       搜索 <i class="fas fa-search pl-2"></i>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
             <div class="card-body p-0">
               <div class="mailbox-controls">
                 <!-- Check all button -->
                 <button type="button" class="btn btn-default btn-sm checkbox-toggle">
                   <i class="far fa-square"></i>
                 </button>
                 <div class="form-group btn btn-default btn-sm">
                   <div class="input-group">
                     <div class="custom-file">
                       <input type="file" class="custom-file-input" id="exampleInputFile">
                       <label class="custom-file-label" for="exampleInputFile"></label>
                     </div>
                   </div>
                 </div>
                 <div class="btn-group">
                   <button type="button" class="btn btn-default btn-sm">
                     <i class="far fa-trash-alt pr-1 text-danger"></i>批量删除
                   </button>
                 </div>
                 <div class="float-right">
                   1-50/200
                   <div class="btn-group">
                     <button type="button" class="btn btn-default btn-sm">
                       <i class="fas fa-chevron-left"></i>
                     </button>
                     <button type="button" class="btn btn-default btn-sm">
                       <i class="fas fa-chevron-right"></i>
                     </button>
                   </div>
                   <!-- /.btn-group -->
                 </div>
                 <!-- /.float-right -->
               </div>
               <div class="table-responsive mailbox-messages">
                 <table class="table table-hover ">
                   <thead>
                   <tr>
                     <th></th>
                     <th>课件名称</th>
                     <th>大小</th>
                     <th>上传时间</th>
                     <th>类型</th>
                     <th>分类</th>
                     <th>操作</th>
                   </tr>
                   </thead>
                   <tbody>
                   <tr>
                     <td>
                       <div class="form-check">
                         <input type="checkbox" value="" id="check10" class="form-check-input">
                         <label for="check10" class="form-check-label"></label>
                       </div>
                     </td>
                     <td class="mailbox-star">10</td>
                     <td class="mailbox-name">单选题</td>
                     <td class="mailbox-subject">选黑还是白</td>
                     <td class="mailbox-attachment">2020-04-04 12：12</td>
                     <td class="mailbox-date">正常</td>
                     <td>
                       <div class="">
                         <button type="button" class="btn btn-info btn-xs text-xs" data-toggle="modal" data-target="#modal-xl-eye">
                           <i class="fas fa-eye pr-1"></i> 预览
                         </button>
                         <button type="button" class="btn btn-danger btn-xs text-xs">
                           <i class="fa fa-trash pr-1" aria-hidden="true"></i> 删除
                         </button>

                       </div>
                     </td>
                   </tr>
                   <tr>
                     <td>
                       <div class="form-check">
                         <input type="checkbox" value="" id="check10" class="form-check-input">
                         <label for="check10" class="form-check-label"></label>
                       </div>
                     </td>
                     <td class="mailbox-star">10</td>
                     <td class="mailbox-name">单选题</td>
                     <td class="mailbox-subject">选黑还是白</td>
                     <td class="mailbox-attachment">2020-04-04 12：12</td>
                     <td class="mailbox-date">正常</td>
                     <td>
                       <div class="">
                         <button type="button" class="btn btn-info btn-xs text-xs" data-toggle="modal" data-target="#modal-xl-eye">
                           <i class="fas fa-eye pr-1"></i> 预览
                         </button>
                         <button type="button" class="btn btn-danger btn-xs text-xs">
                           <i class="fa fa-trash pr-1" aria-hidden="true"></i> 删除
                         </button>
                         <a href="../class/addclass.html" type="button" class="btn btn-success btn-xs text-xs">
                           <i class="fa fa-arrows-alt pr-1" aria-hidden="true"></i> 应用
                         </a>
                       </div>
                     </td>
                   </tr>
                   </tbody>
                 </table>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
    </section>
    <!-- 表格2 -->
    <section id="table2" class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-12">
            <div class="card">
              <div class="card-header ">
                <div class="row bg-info mb-3">
                  <div class="col-12">
                    <h5 class="py-2">试卷属性</h5>
                  </div>
                </div>
                <div class="row border-bottom border-info">
                  <div class="col-6">
                   <div class="row">
                     <div class="col-4">
                       <div class="form-group row">
                         <label for="inputEmail3" class="col-sm-5 col-form-label"><i class="fa fa-star text-danger pr-2"></i>试卷名称</label>
                         <div class="col-sm-7">
                           <input type="text" class="form-control" id="inputEmail3" placeholder="试卷名称">
                         </div>
                       </div>
                     </div>

                     <div class="col-8">
                     <div class="row">
                       <div class="col-8">
                         <div class="form-group row">
                           <label for="inputEmail3" class="col-sm-5 col-form-label"><i class="fa fa-star text-danger pr-2"></i>试卷分类</label>
                           <div class="col-sm-7">
                             <select class="form-control">
                               <option>试卷分类</option>
                               <option>option 2</option>
                               <option>option 3</option>
                               <option>option 4</option>
                               <option>option 5</option>
                             </select>
                           </div>
                         </div>
                       </div>
                       <div class="col-4 pt-1">
                         <button type="button" class="btn btn-info btn-sm"><i class="fas fa-plus-circle pr-1"></i>添加分类</button>
                       </div>
                     </div>
                     </div>
                   </div>


                  </div>

                  <div class="col-6">
                    <div class="row">
                      <div class="col-6">
                        <div class="form-group row">
                          <label for="inputEmail3" class="col-sm-4 col-form-label">试卷分数</label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="inputEmail3" placeholder="试卷分数">
                          </div>
                        </div>

                      </div>
                      <div class="col-6">
                        <div class="form-group row">
                          <label for="inputEmail3" class="col-sm-4 col-form-label">试题总分</label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="inputEmail3" placeholder="试题总分">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
              <div class="card-body p-0">
                <div class="table-responsive mailbox-messages">
                  <div class="card card-outline">
                    <div class="card-body p-0">
                      <div class="mailbox-controls">
                        <!-- Check all button -->
                        <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i>
                        </button>
                        <div class="btn-group">
                          <button type="button" class="btn btn-default btn-sm">
                            <i class="far fa-trash-alt pr-1 text-danger"></i>批量删除
                          </button>
                          <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#modal-xl">
                            <i class="fa fa-hand-paper pr-1 text-info"></i>手动选题
                          </button>
                          <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#modal-xl2">
                            <i class="fa fa-random pr-1 text-info"></i>随机选题
                          </button>
                          <button type="button" class="btn btn-default btn-sm">
                            <i class="fa fa-cog pr-1 text-info"></i>批量设置分数
                          </button>
                          <button type="button" class="btn btn-default btn-sm">
                            <i class="fa fa-upload pr-1 text-info"></i>导出
                          </button>
                        </div>
                        <!-- /.btn-group -->
                        <button type="button" class="btn btn-default btn-sm">
                          <i class="fas fa-sync-alt"></i>
                        </button>
                        <div class="float-right">
                          1-50/200
                          <div class="btn-group">
                            <button type="button" class="btn btn-default btn-sm">
                              <i class="fas fa-chevron-left"></i>
                            </button>
                            <button type="button" class="btn btn-default btn-sm">
                              <i class="fas fa-chevron-right"></i>
                            </button>
                          </div>
                        </div>
                      </div>
                      <div class="table-responsive mailbox-messages">
                        <table class="table table-hover table-striped">
                          <tbody>
                          <tr>
                            <td>
                              <div class="icheck-primary">
                                <div class="card">
                                  <div class="card-header">
                                    <input type="checkbox" value="" id="check1">
                                    <label for="check1" class="m-3">
                                      1， <span class="border border-info text-info p-1 mr-2">单选题</span>

                                      <span>难易度：<span class="badge bg-danger ml-3 p-2">困难</span></span>
                                      <span class="ml-3 p-2 badge bg-warning">2分</span>
                                    </label>
<div class="card-tools">
  <div class="btn-group">
    <button type="button" class="btn btn-default btn-sm">
      <i class="fas fa-minus-circle pr-1 text-danger"></i>删除
    </button>
    <button type="button" class="btn btn-default btn-sm">
      <i class="fas fa-arrow-circle-down pr-1 text-info"></i>展开
    </button>
    <button type="button" class="btn btn-default btn-sm">
      <i class="fa fa-random pr-1 text-info"></i>?
    </button>
  </div>
</div>
                                  </div>
                                  <div class="card-body">

                                    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                  </div>
                                </div>
                              </div>
                            </td>

                          </tr>
                          <tr>
                            <td>
                              <div class="icheck-primary">
                                <div class="card">
                                  <div class="card-header">
                                    <input type="checkbox" value="" id="check1">
                                    <label for="check1" class="m-3">
                                      1， <span class="border border-info text-info p-1 mr-2">单选题</span>

                                      <span>难易度：<span class="badge bg-success ml-3 p-2">容易</span></span>
                                      <span class="ml-3 p-2 badge bg-warning">2分</span>
                                    </label>
                                    <div class="card-tools">
                                      <div class="btn-group">
                                        <button type="button" class="btn btn-default btn-sm">
                                          <i class="fas fa-minus-circle pr-1 text-danger"></i>删除
                                        </button>
                                        <button type="button" class="btn btn-default btn-sm">
                                          <i class="fas fa-arrow-circle-down pr-1 text-info"></i>展开
                                        </button>
                                        <button type="button" class="btn btn-default btn-sm">
                                          <i class="fa fa-random pr-1 text-info"></i>?
                                        </button>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="card-body">
                                    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                  </div>
                                </div>
                              </div>
                            </td>

                          </tr>
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="card-footer p-0 text-center">
                <div class="mailbox-controls">
                  <div class="btn-group">
                    <button type="button" class="btn btn-default btn-sm bg-info mr-2">
                      保存
                    </button>
                    <button id="show" type="button" class="btn btn-default btn-sm bg-info">
                      取消
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <!--                    手动选题弹框-->
  <div class="modal fade" id="modal-xl">
    <div class="modal-dialog modal-xl">
      <div class="modal-content">
        <div class="modal-header bg-info">
          <h4 class="modal-title">选择题目</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="row">
            <!--                              左-->
            <div class="col-md-3">
              <span class="btn btn-info btn-block mb-3">选择试题分类</span>
              <div class="card">
                <div class="card-header">
                  <h3 class="card-title">试题分类</h3>
                </div>
                <div class="card-body p-0">
                  <table class="table table-hover">
                    <tbody>
                    <tr data-widget="expandable-table" aria-expanded="true">
                      <td>
                        <i class="fas fa-caret-right fa-fw"></i>
                        219
                      </td>
                    </tr>
                    <tr class="expandable-body">
                      <td>
                        <div class="p-0">
                          <table class="table table-hover">
                            <tbody>
                            <tr data-widget="expandable-table" aria-expanded="false">
                              <td>
                                <i class="fas fa-caret-right fa-fw"></i>
                                219-1
                              </td>
                            </tr>
                            <tr class="expandable-body d-none">
                              <td>
                                <div class="p-0" style="display: none;">
                                  <table class="table table-hover">
                                    <tbody>
                                    <tr>
                                      <td>219-1-1</td>
                                    </tr>
                                    <tr>
                                      <td>219-1-2</td>
                                    </tr>
                                    <tr>
                                      <td>219-1-3</td>
                                    </tr>
                                    </tbody>
                                  </table>
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td>219-2</td>
                            </tr>
                            <tr>
                              <td>219-3</td>
                            </tr>
                            </tbody>
                          </table>
                        </div>
                      </td>
                    </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <!--                              中-->
            <div class="col-md-6">
              <div class="card">
                <div class="card-header">
                  <div class="row ">
                    <div class="col-6">
                      <div class="form-group row ">
                        <!--                                        <label for="inputEmail3" class="col-sm-4 col-form-label">全部</label>-->
                        <div class="col-sm-12">
                          <select class="form-control text-info bg-info">
                            <option>全部</option>
                            <option>option 2</option>
                            <option>option 3</option>
                            <option>option 4</option>
                            <option>option 5</option>
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="card-tools">
                        <div class="input-group input-group-sm">
                          <input type="text" class="form-control l-inputheight" placeholder="搜索题目">
                          <div class="input-group-append">
                            <div class="btn btn-info">
                              <i class="fas fa-search pt-2"></i>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="card-body p-0">
                  <div class="mailbox-controls">
                    <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i>
                    </button>
                    <div class="btn-group">
                      <button type="button" class="btn btn-default btn-sm">
                        <i class="far fa-trash-alt"></i>
                      </button>
                      <button type="button" class="btn btn-default btn-sm">
                        <i class="fas fa-reply"></i>
                      </button>
                      <button type="button" class="btn btn-default btn-sm">
                        <i class="fas fa-share"></i>
                      </button>
                    </div>
                    <button type="button" class="btn btn-default btn-sm">
                      <i class="fas fa-sync-alt"></i>
                    </button>
                    <div class="float-right">
                      1-50/200
                      <div class="btn-group">
                        <button type="button" class="btn btn-default btn-sm">
                          <i class="fas fa-chevron-left"></i>
                        </button>
                        <button type="button" class="btn btn-default btn-sm">
                          <i class="fas fa-chevron-right"></i>
                        </button>
                      </div>
                    </div>
                  </div>
                  <div class="table-responsive mailbox-messages">
                    <table class="table table-hover table-striped">
                      <thead>
                      <tr>
                        <th>
                          <div class="icheck-primary">
                            <input type="checkbox" value="" id="check1">
                            <label for="check1"></label>
                          </div>
                        </th>
                        <th>题目</th>
                        <th>类型</th>
                        <th>难度</th>
                      </tr>
                      </thead>
                      <tbody>
                      <tr>
                        <td>
                          <div class="icheck-primary">
                            <input type="checkbox" value="" id="check1">
                            <label for="check1"></label>
                          </div>
                        </td>
                        <td class="mailbox-star">222222</td>
                        <td class="mailbox-name">322222222</td>
                        <td class="mailbox-subject"> <span class="badge bg-danger">难</span></td>
                      </tr>
                      <tr>
                        <td>
                          <div class="icheck-primary">
                            <input type="checkbox" value="" id="check1">
                            <label for="check1"></label>
                          </div>
                        </td>
                        <td class="mailbox-star">222222</td>
                        <td class="mailbox-name">322222222</td>
                        <td class="mailbox-subject"> <span class="badge bg-success">易</span></td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!--                              右-->
            <div class="col-md-3">
              <span class="btn btn-info btn-block mb-3">题型统计</span>
              <div class="card">
                <div class="card-header">
                  <h3 class="card-title">统计</h3>
                  <div class="card-tools">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                      <i class="fas fa-minus"></i>
                    </button>
                  </div>
                </div>
                <div class="card-body p-0">
                  <ul class="nav nav-pills flex-column">
                    <li class="nav-item active">
                      <a href="#" class="nav-link">
                        <i class="fas fa-seedling pr-2"></i> 单选题
                        <span class="badge bg-info float-right">12</span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a href="#" class="nav-link">
                        <i class="fas fa-seedling pr-2"></i>多选题
                        <span class="badge bg-warning float-right">12</span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a href="#" class="nav-link">
                        <i class="fas fa-seedling pr-2"></i>判断题
                        <span class="badge bg-purple float-right">12</span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a href="#" class="nav-link">
                        <i class="fas fa-seedling pr-2"></i> 填空题
                        <span class="badge bg-success float-right">65</span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a href="#" class="nav-link">
                        <i class="fas fa-seedling pr-2"></i>问答题
                        <span class="badge bg-danger float-right">12</span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a href="#" class="nav-link">
                        <i class="fas fa-seedling pr-2"></i>其他题
                        <span class="badge bg-primary float-right">12</span>
                      </a>
                    </li>
                  </ul>
                </div>
                <!-- /.card-body -->
              </div>

            </div>
          </div>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="submit" class="btn btn-info">保存</button>
          <button type="submit" class="btn btn-default float-right" data-dismiss="modal" aria-label="Close">取消</button>

        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!--                    随机选题弹框-->
  <div class="modal fade" id="modal-xl2">
    <div class="modal-dialog modal-xl">
      <div class="modal-content">
        <div class="modal-header bg-info">
          <h4 class="modal-title">随机选题</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="row">
            <!--                              左-->
            <div class="col-md-3">
              <span class="btn btn-info btn-block mb-3">选择试题分类</span>
              <div class="card">
                <div class="card-header">
                  <h3 class="card-title">试题分类</h3>
                </div>
                <div class="card-body p-0">
                  <table class="table table-hover">
                    <tbody>
                    <tr data-widget="expandable-table" aria-expanded="true">
                      <td>
                        <i class="fas fa-caret-right fa-fw"></i>
                        219
                      </td>
                    </tr>
                    <tr class="expandable-body">
                      <td>
                        <div class="p-0">
                          <table class="table table-hover">
                            <tbody>
                            <tr data-widget="expandable-table" aria-expanded="false">
                              <td>
                                <i class="fas fa-caret-right fa-fw"></i>
                                219-1
                              </td>
                            </tr>
                            <tr class="expandable-body d-none">
                              <td>
                                <div class="p-0" style="display: none;">
                                  <table class="table table-hover">
                                    <tbody>
                                    <tr>
                                      <td>219-1-1</td>
                                    </tr>
                                    <tr>
                                      <td>219-1-2</td>
                                    </tr>
                                    <tr>
                                      <td>219-1-3</td>
                                    </tr>
                                    </tbody>
                                  </table>
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td>219-2</td>
                            </tr>
                            <tr>
                              <td>219-3</td>
                            </tr>
                            </tbody>
                          </table>
                        </div>
                      </td>
                    </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <!--                              中-->
            <div class="col-md-7">
              <div class="card">
                <div class="card-header">
                  <div class="row">
                    <div class="col-4">
                      <div class="form-group">
                        <select class="form-control bg-info">
                          <option>全部</option>
                          <option>option 2</option>
                          <option>option 3</option>
                          <option>option 4</option>
                          <option>option 5</option>
                        </select>
                      </div>


                    </div>
                    <div class="col-4">
                      <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-5 col-form-label">设置题数:</label>
                        <div class="col-sm-7">
                          <input type="text" class="form-control" id="inputEmail3" placeholder="题">
                        </div>
                      </div>

                    </div>
                    <div class="col-4">
                      <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-5 col-form-label">设置分数:</label>
                        <div class="col-sm-7">
                          <input type="text" class="form-control" id="inputEmail3" placeholder="分">
                          <span class="text-danger text-sm">注：每题分数</span>
                        </div>
                      </div>
                    </div>

                  </div>
                </div>
                <div class="card-body p-0">
                  <div class="mailbox-controls">
                    <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i>
                    </button>
                    <div class="btn-group">
                      <button type="button" class="btn btn-default btn-sm">
                        <i class="far fa-trash-alt"></i>
                      </button>
                      <button type="button" class="btn btn-default btn-sm">
                        <i class="fas fa-reply"></i>
                      </button>
                      <button type="button" class="btn btn-default btn-sm">
                        <i class="fas fa-share"></i>
                      </button>
                    </div>
                    <button type="button" class="btn btn-default btn-sm">
                      <i class="fas fa-sync-alt"></i>
                    </button>
                    <div class="float-right">
                      1-50/200
                      <div class="btn-group">
                        <button type="button" class="btn btn-default btn-sm">
                          <i class="fas fa-chevron-left"></i>
                        </button>
                        <button type="button" class="btn btn-default btn-sm">
                          <i class="fas fa-chevron-right"></i>
                        </button>
                      </div>
                    </div>
                  </div>
                  <div class="table-responsive mailbox-messages">
                    <table class="table table-hover table-striped">
                      <thead>
                      <tr>
                        <th>
                          <div class="icheck-primary">
                            <input type="checkbox" value="" id="check1">
                            <label for="check1"></label>
                          </div>
                        </th>
                        <th>题目</th>
                        <th>类型</th>
                        <th>难度</th>
                      </tr>
                      </thead>
                      <tbody>
                      <tr>
                        <td>
                          <div class="icheck-primary">
                            <input type="checkbox" value="" id="check1">
                            <label for="check1"></label>
                          </div>
                        </td>
                        <td class="mailbox-star">222222</td>
                        <td class="mailbox-name">322222222</td>
                        <td class="mailbox-subject"> <span class="badge bg-danger">难</span></td>
                      </tr>
                      <tr>
                        <td>
                          <div class="icheck-primary">
                            <input type="checkbox" value="" id="check1">
                            <label for="check1"></label>
                          </div>
                        </td>
                        <td class="mailbox-star">222222</td>
                        <td class="mailbox-name">322222222</td>
                        <td class="mailbox-subject"> <span class="badge bg-success">易</span></td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="submit" class="btn btn-info">保存</button>
          <button type="button" class="btn btn-default float-right" data-dismiss="modal" aria-label="Close">
            取消
          </button>

          <!--                            <button type="submit" class="btn btn-default float-right">取消</button>-->
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!--                    预览，模板来源：考生系统的 checkclass.html-->
  <div class="modal fade" id="modal-xl-eye">
    <div class="modal-dialog modal-xl">
      <div class="modal-content">
        <div class="modal-header bg-info">
          <h4 class="modal-title">预览</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

          <div class="row">
            <div class="col-6">
              <div class="card">
                <div class="card-body">
                  <a href="#" class="card-link">
                    <img src="../../docs/assets/img/user5-128x128.jpg">
                  </a>
                </div>
              </div>

            </div>
            <div class="col-6">
              <div class="card">
                <div class="card-body">
                  <h3>钢铁是怎样炼成的？</h3>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <p class="card-text">课时：3</p>
                  <a href="#" class="card-link text-info">立即观看</a>
                </div>
              </div>
            </div>
          </div>


          <div class="row">
            <div class="col-md-9">
              <div class="card card-info card-outline">
                <div class="card-body">
                  <ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist">
                    <li class="nav-item">
                      <a class="nav-link active text-info" id="custom-content-below-home-tab" data-toggle="pill" href="#custom-content-below-home" role="tab" aria-controls="custom-content-below-home" aria-selected="true">课程介绍</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link text-info" id="custom-content-below-profile-tab" data-toggle="pill" href="#custom-content-below-profile" role="tab" aria-controls="custom-content-below-profile" aria-selected="false">课程目录</a>
                    </li>
                  </ul>
                  <div class="tab-content" id="custom-content-below-tabContent">
                    <div class="tab-pane fade show active" id="custom-content-below-home" role="tabpanel" aria-labelledby="custom-content-below-home-tab">
                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
                    </div>
                    <div class="tab-pane fade" id="custom-content-below-profile" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
                      <div class="card">

                        <div class="card-body">
                          <table class="table table-bordered">
                            <thead>
                            <tr>
                              <th>Label</th>
                              <th>Progress</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                              <td>
                                <i class="fas fa-play-circle text-gray pr-2"></i>钢铁是怎么炼成的？
                              </td>
                              <td>
                                <div class="row">
                                  <div class="col-9">
                                    <div class="progress">
                                      <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
                                    </div>
                                  </div>
                                  <div class="col-3">已完成&nbsp;&nbsp;<span class="badge bg-success">55%</span></div>
                                </div>
                              </td>
                            </tr>
                            </tbody>
                          </table>
                        </div>
                      </div>

                    </div>

                  </div>


                </div>
                <!-- /.card -->
              </div>
            </div>
            <div class="col-md-3">

              <div class="card card-info card-outline">
                <div class="card-body box-profile">
                  <div class="text-center">
                    <img class="profile-user-img img-fluid img-circle" src="../../docs/assets/img/user4-128x128.jpg" alt="User profile picture">
                  </div>

                  <h3 class="profile-username text-center">讲师：Nina Mcintire</h3>

                  <p class="text-muted text-center">Software Engineer</p>

                  <ul class="list-group list-group-unbordered mb-3">
                    <li class="list-group-item">
                      <b>Followers</b>
                    </li>
                    <li class="list-group-item">
                      <b>Following</b>
                    </li>
                    <li class="list-group-item">
                      <b>Friends</b>
                    </li>
                  </ul>
                </div>
                <!-- /.card-body -->
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!--  底部-->
  <footer class="main-footer">
    <strong>Copyright &copy; 2014-2020 <a href="">汇邦科技有限公司</a>.</strong>All rights reserved.
  </footer>
  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
  </aside>
  <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="../../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
<!-- Page specific script -->
<script>
  $(function () {
    //Enable check and uncheck all functionality
    $('.checkbox-toggle').click(function () {
      var clicks = $(this).data('clicks')
      if (clicks) {
        //Uncheck all checkboxes
        $('.mailbox-messages input[type=\'checkbox\']').prop('checked', false)
        $('.checkbox-toggle .far.fa-check-square').removeClass('fa-check-square').addClass('fa-square')
      } else {
        //Check all checkboxes
        $('.mailbox-messages input[type=\'checkbox\']').prop('checked', true)
        $('.checkbox-toggle .far.fa-square').removeClass('fa-square').addClass('fa-check-square')
      }
      $(this).data('clicks', !clicks)
    })

    //Handle starring for font awesome
    $('.mailbox-star').click(function (e) {
      e.preventDefault()
      //detect type
      var $this = $(this).find('a > i')
      var fa    = $this.hasClass('fa')

      //Switch states
      if (fa) {
        $this.toggleClass('fa-star')
        $this.toggleClass('fa-star-o')
      }
    })
  })
</script>

<!--点击创建试卷-->
<script>
  $(function(){
    $("#table2").hide();
    $("#hide").click(function(){
      $("#table1").hide();
      $("#table2").show();

    });
    $("#show").click(function(){
      $("#table2").hide();
      $("#table1").show();
    });
  });
</script>

</body>
</html>
